<template>
	<view>
		<view class="cu-card case no-card padding solid ">
			<view class="cu-item" style=" border-radius: 10px;">
				<swiper class="screen-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true"
					:circular="true" :autoplay="true" interval="5000" duration="500">
					<swiper-item style="border-radius: 10px;" v-for="(item,index) in swiperList" :key="index">
						<image :src="item.url" mode="aspectFill" v-if="item.type=='image'"></image>
					</swiper-item>
				</swiper>
			</view>
		</view>

		<view class="cu-card case no-card padding solid ">
			<view class="cu-list menu-avatar">
				<view class="cu-item" style="background-color:#fbbd08; border-radius: 10px;">
					<!-- 					<view class="cu-avatar round lg "
						style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);">
					</view> -->
					<view class="cu-avatar round lg cuIcon-edit"></view>
					<view class="content flex-sub ">
						<view class="text-grey" @click="handlePrivacy">请输入绑定码</view>
						<view v-show="false" class="text-grey" @click="handlePrivacy">当前设备绑定码:</view>
					</view>
				</view>
			</view>
		</view>
		<view class="padding ">
			<view>管理平台</view>
		</view>
		<view class="padding ">
			<view style="background-color:#ebebeb; border-radius: 10px;" class="grid margin-bottom text-center padding "
				:class="'col-' + 3">
				<view class="padding">
					<view class="cu-avatar round lg cuIcon-edit "></view>
					<view class="flex-sub ">数据管理</view>
				</view>
				<view class="padding">
					<view class="cu-avatar round lg cuIcon-edit "></view>
					<view class="flex-sub ">数据导入</view>
				</view>
				<view class="padding">
					<view class="cu-avatar round lg cuIcon-edit "></view>
					<view class="flex-sub ">数据导出</view>
				</view>
			</view>
		</view>
		<view class="padding ">
			<view style="background-color:#ebebeb; border-radius: 10px;" class="grid margin-bottom text-center"
				:class="'col-' + 3">
				<view class="padding">
					<view class="cu-avatar round lg cuIcon-edit "></view>
					<view class="flex-sub ">检测任务</view>
				</view>
				<view class="padding">
					<view class="cu-avatar round lg cuIcon-edit "></view>
					<view class="flex-sub ">任务管理</view>
				</view>
				<view class="padding">
					<view class="cu-avatar round lg cuIcon-edit "></view>
					<view class="flex-sub ">任务报告</view>
				</view>
			</view>
		</view>

	</view>


</template>

<script>
	export default {
		data() {
			return {
				swiperList: [{
					id: 0,
					type: 'image',
					url: 'http://file.vimap.cn/file_upload/file_upload/image/20230519/20230519153558_890.jpg'
				}, {
					id: 1,
					type: 'image',
					url: 'http://file.vimap.cn/file_upload/file_upload/image/20230519/20230519153558_890.jpg'
				}, {
					id: 2,
					type: 'image',
					url: 'http://file.vimap.cn/file_upload/file_upload/image/20230519/20230519153558_890.jpg'
				}, {
					id: 3,
					type: 'image',
					url: 'http://file.vimap.cn/file_upload/file_upload/image/20230519/20230519153558_890.jpg'
				}],
				dotStyle: true
			};
		},
		created() {
			//   this.getCode()
		},
		methods: {
			// 测试按钮
			handlePrivacy() {
				console.log("111")
			}
		}
	}
</script>